import Cookies from 'js-cookie';
import { defineStore } from 'pinia';

export const useAppStore = defineStore({
  id: 'app',
  state: () => ({
    sidebar: {
      opened: Cookies.get('sidebarStatus')
        ? !!+(Cookies.get('sidebarStatus') as string)
        : true,
      withoutAnimation: false,
    },
    device: 'desktop',
  }),

  actions: {
    toggleSidebar() {
      this.sidebar.opened = !this.sidebar.opened;
      this.sidebar.withoutAnimation = false;
      if (this.sidebar.opened) {
        Cookies.set('sidebarStatus', '1');
      } else {
        Cookies.set('sidebarStatus', '0');
      }
    },

    closeSidebar(withoutAnimation: boolean) {
      Cookies.set('sidebarStatus', '0');
      this.sidebar.opened = false;
      this.sidebar.withoutAnimation = withoutAnimation;
    },

    toggleDevice(device: string) {
      this.device = device;
    },
  },
});
